﻿@{
    Layout = null;
}
@model ZBZH_Manage_Order.Controllers.SystemSettings.MerOperSetController.Oper
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <link rel="stylesheet" type="text/css" href="~/Content/jquery-easyui-1.4.2/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="~/Content/jquery-easyui-1.4.2/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="~/Content/jquery-easyui-1.4.2/demo.css">
    <link href="~/Content/Styles/Order.css" rel="stylesheet" />
    <script type="text/javascript" src="~/Content/jquery-easyui-1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="~/Content/jquery-easyui-1.4.2/jquery.easyui.min.js"></script>
    <script src="~/Content/jquery-easyui-1.4.2/locale/easyui-lang-zh_CN.js"></script>
    <title>操作员商户权限设置</title>
    <style type="text/css">
        .easyui-datalist li {
            height: 20px;
        }
    </style>
    <script type="text/javascript">
        var OperID;
        //添加面板
        function addTab(name, id) {
            $("#tb1").css('display', 'block');
            OperID = id;
            init();
            //initTable();
            $('#View').datagrid('clearSelections');
            $('#View').datagrid('clearChecked');
            //document.getElementById("tb2").style.display = "none";
        }
        //保存按钮
        function Save() {
            var objs = $("#All").datagrid("getChecked");//获取整行数据
            var MerID = "";
            if (objs.length < 1) {
                MerID = ",";
            }
            $.each(objs, function (index, item) {
                MerID = MerID + "," + item.MerID;
            });
                //保存操作员商户权限
                $.post("/MerOperSet/SaveMerOper?OperID=" + OperID + "&MerID=" + MerID, function (database) {
                    if (database != "1") {
                        init();
                        $.messager.alert("友情提示", database);
                        
                        $('#modify').window('close');//关闭弹窗
                    }
                });
                $('#editDialog').dialog('close');
               
            }
        
       

        //商户操作员新增管理商户
        function AddDialog() {
            $('#editDialog').dialog('open').dialog('setTitle', '新增操作商户');
            initTable1();
        }


        //初始化表格 获取对应商户所有商品
        function initTable() {
            $('#All').datagrid({
                iconCls: 'icon-user',
                loadMsg: '数据加载中...',
                fitColumns: true,
                checkbox: true,
                checkOnSelect: true,
                selectOnCheck: true,
                nowrap: true,
                autoRowHeight: true,
                striped: true,
                url: '/MerOperSet/getgrid?OperID=' + OperID,
                sortName: 'MerID',
                sortOrder: 'asc',
                border: true,
                remoteSort: false,
                idField: 'MerID',
                pageSize: 15,
                pageList: [15],
                pagination: true,
                rownumbers: true,
                columns: [[
                  { field: 'IsCheck', title: '是否选择', width: 50, align: 'center', checkbox: true },
                  { field: 'MerID', title: '商户ID', width: 80, align: 'center' },
                  { field: 'MerName', title: '商户名称', width: 80, align: 'center' },
                  { field: 'MerTxt', title: '商户介绍', width: 120, align: 'center' },
                  { field: 'MerAdr', title: '商户地址', width: 80, align: 'center' },
                  { field: 'MerCall', title: '商户联系电话', width: 80, align: 'center' }
                ]],
                //toolbar: '#tb1',
                onLoadSuccess: function (data) {
                    if (data)
                    {
                        $.each(data.rows, function (index, item) {
                            if (item.IsCheck) {
                                $('#All').datagrid('checkRow', index);
                            } else {
                                $('#All').datagrid('uncheckRow', index);
                            }
                        });
                    }
                }
            });
        }

        // 初始化列表
        function init() {
            $('#View').datagrid({
                iconCls: 'icon-user', // 
                loadMsg: '数据加载中...', // S他ring / 当从远程站点加载数据时，显示的提示消息
                nowrap: true, // boolean / 设置为 true，则把数据显示在一行里。设置为 true 可提高加载性能。
                autoRowHeight: true, // boolean / 定义是否设置基于该行内容的行高度。设置为 false，则可以提高加载性能
                striped: true, // boolean / 设置为 true，则把行条纹化。（即奇偶行使用不同背景色）
                url: '/MerOperSet/getMers?OperID=' + OperID, // 指向一个一般处理程序或者一个控制器，返回数据要求是Json格式
                sortName: 'MerID', // String / 定义可以排序的列
                sortOrder: 'asc', // String / 定义列的排序顺序，只能用 'asc' 或 'desc'
                border: true, // boolean / 是否显示表格边框
                remoteSort: false, // boolean / 是否从服务器排序数据
                idField: 'MerID', // String / 指示哪个字段是标识字段
                pageSize: 10, // 10，20，30，40，50 初始化页面大小
                singleSelect: true, // boolean / 设置为 true，则只允许选中一行，false可多选
                pagination: true, // boolean / 显示下端的分页工具
                rownumbers: true, // boolean / 显示行数 最左边
                columns: [[
                  { field: 'MerID', title: '商户ID', width: 80, align: 'center' },
                  { field: 'MerName', title: '商户名称', width: 150, align: 'center' },
                  { field: 'MerTxt', title: '商户介绍', width: 250, align: 'center' },
                  { field: 'MerAdr', title: '商户地址', width: 250, align: 'center' },
                  { field: 'MerCall', title: '商户联系电话', align: 'center' }
                ]],
                toolbar: '#tb1',
            })
        }

        // 弹出修改框，加载所有商户
        function modify() {
            initTable();
            $('#modify').window('open');
        }
    </script>
</head>
<body id="B" style="padding: 0px">
    <div id="tb1" style="background-color: #F4F4F4; display:none">
        <div style="margin-bottom: 5px">
            <a href="#" id="updata" class="easyui-linkbutton" iconcls="icon-edit" onclick="modify()">修改</a>
        </div>
    </div>
   @* <div id="tb2" style="background-color: #F4F4F4">
        <div style="margin-bottom: 5px">
            <a href="#" id="btnSave" class="easyui-linkbutton" iconcls="icon-save" onclick="Save1()" plain="true">保存</a>
        </div>
    </div>*@
    <div class="easyui-panel" style="border: 0px; padding: 0px;" data-options="fit:true">
        <div class="easyui-layout" data-options="fit:true">

           <!--操作员列表S-->
            <div id="west" class="easyui-accordion" data-options="region:'west'" style="width: 180px; padding: 0px; border: 3px solid #95B8E7;">
                @if (ViewBag.ll != null)
                {
                    string cd = "";
                    foreach (var item in ViewBag.ll)
                    {
                        cd += " <li><a href=\"javascript:addTab('" + item.name + "','" + item.id + "');\"  style=\"text-decoration:none\">" + item.name + "</a></li>";
                    }
                    @Html.Raw(" <ul class=\"easyui-datalist\" lines=\"true\" style=\"overflow: auto;\">" + cd + "</ul>");
                }
                else
                {
                    <script type="text/javascript">
                        $.messager.alert("提示", "请退出后再登录");
                    </script>
                }
            </div>
            <!-- 操作员列表E-->

            <!--操作员所管理的商户列表S-->
            <div data-options="region:'center'" style="margin-left: 0px; padding: 0px;">
                <table id="View" border="0" class="easyui-datagrid"></table>
            </div>
            <!--操作员所管理的商户列表E-->

            <!--所有商户列表S-->
            <div id="modify" class="easyui-window" title="编辑" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:900px;height:500px;text-align:center;">
                <div style="margin: 10px 0 5px 0">
                    <a href="#" id="btnSave" class="easyui-linkbutton" iconcls="icon-save" onclick="Save()">保存</a>
                </div>
                <table id="All" border="0" class="easyui-datagrid"></table>
            </div>
            <!--所有商户列表E-->

        </div>
    </div>
   

</body>
</html>
